<template>
  <div class="app-container">
    <el-dialog
      ref="fireDialoag"
      :title="dialogTitle"
      :visible.sync="open"
      class="open-container"
      @closed="closeDialog"
      :modal-append-to-body="false"
    >
      <el-form
        ref="jgForm"
        :rules="rules"
        :model="form"
        label-position="right"
        label-width="126px"
        class="dialogForm"
      >
        <table>
          <caption class="title">
            尾矿库基本情况信息表
          </caption>
          <thead>
            <!-- 基本信息 -->
            <tr>
              <th class="label" colspan="6">基本信息</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <el-form-item label="尾矿库名称" prop="name">
                <td colspan="5" class="value th_label">
                  <el-input
                    class="elInput"
                    :readonly="type == 'detail'"
                    v-model="form.name"
                  ></el-input>
                </td>
              </el-form-item>
            </tr>
            <tr>
              <td class="label">详细地址</td>
              <td class="value" colspan="5">
                <el-input
                  :readonly="type == 'detail'"
                  v-model="form.address"
                ></el-input>
              </td>
            </tr>
            <tr>
              <td class="label">坝体位置坐标</td>
              <td class="value" colspan="5">
                <div style="width: 100%; padding-left: 15px; text-align: left">
                  经度：
                  <el-input-number
                    v-if="type != 'detail'"
                    style="width: 166px; margin-right: 20px"
                    v-model="form.longitude"
                    :precision="6"
                    :step="0.1"
                    :max="999"
                    :controls="false"
                  ></el-input-number>
                  <span v-else>{{ form.longitude }}，</span>
                  纬度：
                  <el-input-number
                    v-if="type != 'detail'"
                    style="width: 166px; margin-right: 20px"
                    v-model="form.latitude"
                    :precision="6"
                    :step="0.1"
                    :max="999"
                    :controls="false"
                  ></el-input-number>
                  <span v-else>{{ form.latitude }}</span>
                </div>
              </td>
            </tr>
            <tr>
              <el-form-item label="状  态" prop="status">
                <td colspan="5" class="value th_label">
                  <el-select
                    class="select"
                    :disabled="type == 'detail'"
                    placeholder=""
                    v-model="form.status"
                  >
                    <el-option
                      v-for="li in status"
                      :key="li.value + 'id'"
                      :label="li.value"
                      :value="li.id"
                    ></el-option>
                  </el-select>
                  <!-- <div class="detail_lable" v-else>
                    {{ status.find((item) => item.id === form.status).value }}
                  </div> -->
                </td>
              </el-form-item>
            </tr>
            <tr>
              <td class="label">企业名称</td>
              <td class="value" colspan="5">
                <el-input
                  :readonly="type == 'detail'"
                  v-model="form.enterpriseName"
                ></el-input>
              </td>
            </tr>
            <tr>
              <td class="label">尾矿库法定代表人（负责人）</td>
              <td class="value" colspan="2">
                <el-input
                  :readonly="type == 'detail'"
                  v-model="form.representative"
                ></el-input>
              </td>
              <td class="label">联系电话</td>
              <td class="value" colspan="2">
                <el-input
                  :readonly="type == 'detail'"
                  v-model="form.phone"
                ></el-input>
              </td>
            </tr>
            <tr>
              <td class="label">所属行业</td>
              <td class="value" colspan="5">
                <el-input
                  :readonly="type == 'detail'"
                  v-model="form.industry"
                ></el-input>
              </td>
            </tr>
            <tr>
              <td class="label">立项审批单位</td>
              <td class="value" colspan="2">
                <el-input
                  :readonly="type == 'detail'"
                  v-model="form.approvalUnit"
                ></el-input>
              </td>
              <td class="label">初设安全专篇审批单位</td>
              <td class="value" colspan="2">
                <el-input
                  :readonly="type == 'detail'"
                  v-model="form.safetyApproveUnit"
                ></el-input>
              </td>
            </tr>
            <tr>
              <td class="label">施工单位及资质等级</td>
              <td class="value" colspan="5">
                <el-input
                  :readonly="type == 'detail'"
                  v-model="form.constructionQualification"
                ></el-input>
              </td>
            </tr>
            <tr>
              <td class="label">监理单位及资质等级</td>
              <td class="value" colspan="5">
                <el-input
                  :readonly="type == 'detail'"
                  v-model="form.controlQualification"
                ></el-input>
              </td>
            </tr>

            <tr>
              <td class="label">安全设施竣工验收单位</td>
              <td class="value" colspan="2">
                <el-input
                  :readonly="type == 'detail'"
                  v-model="form.safetyFacilities"
                ></el-input>
              </td>
              <td class="label">竣工验收批复时间</td>
              <td class="value" colspan="2">
                <el-date-picker
                  value-format="yyyy-MM-dd hh:mm:ss"
                  v-model="form.approvalTime"
                  type="date"
                  :readonly="type == 'detail'"
                  placeholder="选择日期"
                >
                </el-date-picker>
              </td>
            </tr>
            <tr>
              <td class="label">安全生产许可证号</td>
              <td class="value" colspan="2">
                <el-input
                  :readonly="type == 'detail'"
                  v-model="form.license"
                ></el-input>
              </td>
              <td class="label">取得安全生产许可证日期</td>
              <td class="value" colspan="2">
                <el-date-picker
                  value-format="yyyy-MM-dd hh:mm:ss"
                  v-model="form.licenseDate"
                  type="date"
                  :readonly="type == 'detail'"
                  placeholder="选择日期"
                >
                </el-date-picker>
              </td>
            </tr>
            <tr>
              <td class="label">应急预案备案单位</td>
              <td class="value" colspan="2">
                <el-input
                  :readonly="type == 'detail'"
                  v-model="form.emergencyPlan"
                ></el-input>
              </td>
              <td class="label">备案号</td>
              <td class="value" colspan="2">
                <el-input
                  :readonly="type == 'detail'"
                  v-model="form.filingNumber"
                ></el-input>
              </td>
            </tr>
            <tr>
              <el-form-item label="尾矿库类型" prop="type">
                <td colspan="5" class="value th_label">
                  <el-select
                    class="select"
                    placeholder=""
                    v-model="form.type"
                    :disabled="type == 'detail'"
                  >
                    <el-option
                      v-for="li in types"
                      :key="li.value + 'wkk'"
                      :label="li.value"
                      :value="li.id"
                    ></el-option>
                  </el-select>
                  <!-- <div class="detail_lable" v-else>
                    {{ types.find((item) => item.id === form.type).value }}
                  </div> -->
                </td>
              </el-form-item>
            </tr>

            <tr>
              <td class="label">设计总坝高(m)</td>
              <td
                class="value"
                colspan="2"
                style="text-align: left; padding-left: 20px"
              >
                <el-input-number
                  v-if="type != 'detail'"
                  style="width: 166px; margin-right: 20px"
                  :readonly="type == 'detail'"
                  v-model="form.designHeight"
                  :min="0"
                  :step="0.01"
                  :precision="2"
                    :controls="false"
                ></el-input-number>
                <span v-else>{{ form.designHeight }}</span>
              </td>
              <td class="label">现状坝高(m)</td>
              <td
                class="value"
                colspan="2"
                style="text-align: left; padding-left: 20px"
              >
                <el-input-number
                  v-if="type != 'detail'"
                  :readonly="type == 'detail'"
                  v-model="form.nowHeight"
                  :min="0"
                  :step="0.01"
                  :precision="2"
                    :controls="false"
                ></el-input-number>
                <span v-else>{{ form.nowHeight }}</span>
              </td>
            </tr>
            <tr>
              <td class="label">设计总库容(m³)</td>
              <td
                class="value"
                colspan="2"
                style="text-align: left; padding-left: 20px"
              >
                <el-input-number
                  v-if="type != 'detail'"
                  style="width: 166px; margin-right: 20px"
                  :readonly="type == 'detail'"
                  v-model="form.designCapacity"
                  :min="0"
                  :step="0.01"
                  :precision="2"
                    :controls="false"
                ></el-input-number>
                <span v-else>{{ form.designCapacity }}</span>
              </td>
              <td class="label">现状库容(m³)</td>
              <td
                class="value"
                colspan="2"
                style="text-align: left; padding-left: 20px"
              >
                <el-input-number
                  v-if="type != 'detail'"
                  :readonly="type == 'detail'"
                  v-model="form.nowCapacity"
                  :min="0"
                  :step="0.01"
                  :precision="2"
                    :controls="false"
                ></el-input-number>
                <span v-else>{{ form.nowCapacity }}</span>
              </td>
            </tr>
            <tr>
              <td class="label">投入使用日期</td>
              <td class="value" colspan="2">
                <el-date-picker
                  value-format="yyyy-MM-dd hh:mm:ss"
                  v-model="form.useDate"
                  type="date"
                  :readonly="type == 'detail'"
                  placeholder="选择日期"
                >
                </el-date-picker>
              </td>
              <td class="label">尾矿库设计服务年限（年）</td>
              <td
                class="value"
                colspan="2"
                style="text-align: left; padding-left: 20px"
              >
                <el-input-number
                  v-if="type != 'detail'"
                  :readonly="type == 'detail'"
                  v-model="form.serviceYear"
                  :min="0"
                  :step="0.1"
                  :precision="1"
                    :controls="false"
                ></el-input-number>
                <span v-else>{{ form.serviceYear }}</span>
              </td>
            </tr>
            <tr>
              <td class="label">尾矿库设计等级</td>
              <td class="value" colspan="5">
                <el-input
                  :readonly="type == 'detail'"
                  v-model="form.designGrade"
                ></el-input>
              </td>
            </tr>
            <tr>
              <td class="label">初期坝坝型</td>
              <td class="value" colspan="2">
                <el-input
                  :readonly="type == 'detail'"
                  v-model="form.initialType"
                ></el-input>
              </td>
              <td class="label">初期坝设计坝高(m)</td>
              <td
                class="value"
                colspan="2"
                style="text-align: left; padding-left: 20px"
              >
                <el-input-number
                  v-if="type != 'detail'"
                  :readonly="type == 'detail'"
                  v-model="form.initialHeight"
                  :min="0"
                  :step="0.1"
                  :precision="1"
                    :controls="false"
                ></el-input-number>
                <span v-else>{{ form.initialHeight }}</span>
              </td>
            </tr>
            <tr>
              <td class="label">筑坝方式</td>
              <td class="value" colspan="5">
                <el-input
                  :readonly="type == 'detail'"
                  v-model="form.method"
                ></el-input>
              </td>
            </tr>
            <tr>
              <td class="label">设计坡比</td>
              <td class="value" colspan="2">
                <el-input
                  :readonly="type == 'detail'"
                  v-model="form.designSlope"
                ></el-input>
              </td>
              <td class="label">现状坡比</td>
              <td class="value" colspan="2">
                <el-input
                  :readonly="type == 'detail'"
                  v-model="form.nowSlope"
                ></el-input>
              </td>
            </tr>
            <tr>
              <td class="label">设计控制干滩长度(m)</td>
              <td class="value" colspan="2">
                <el-input-number
                  v-if="type != 'detail'"
                  style="width: 166px; margin-right: 20px"
                  :readonly="type == 'detail'"
                  v-model="form.designBeachLength"
                  :min="0"
                  :step="0.01"
                  :precision="2"
                    :controls="false"
                ></el-input-number>
              </td>
              <td class="label">现状干滩长度(m)</td>
              <td class="label" colspan="1">100</td>
              <td class="value" colspan="1">
                <el-input-number
                  v-if="type != 'detail'"
                  style="width: 166px; margin-right: 20px"
                  :readonly="type == 'detail'"
                  v-model="form.nowBeachLength"
                  :min="0"
                  :step="0.01"
                  :precision="2"
                    :controls="false"
                ></el-input-number>
              </td>
            </tr>
            <tr>
              <td class="label">排洪系统型式</td>
              <td class="value" colspan="5">
                <el-input
                  :readonly="type == 'detail'"
                  v-model="form.dischargeType"
                ></el-input>
              </td>
            </tr>
            <tr>
              <td class="label">安全评价单位</td>
              <td class="value" colspan="2">
                <el-input
                  :readonly="type == 'detail'"
                  v-model="form.safetyUnit"
                ></el-input>
              </td>
              <td class="label">资质等级</td>
              <td class="value" colspan="2">
                <el-input
                  :readonly="type == 'detail'"
                  v-model="form.qualificationGrade"
                ></el-input>
              </td>
            </tr>
            <tr>
              <td class="label">尾矿库现状安全度</td>
              <td class="value" colspan="5">
                <el-input
                  :readonly="type == 'detail'"
                  v-model="form.tailingspondSafety"
                ></el-input>
              </td>
            </tr>
            <tr>
              <td class="label">下游2公里冲击范围内村庄及重要设施情况</td>
              <td class="value" colspan="5">
                <el-input
                  type="textarea"
                  :rows="5"
                  :readonly="type == 'detail'"
                  v-model="form.situation"
                ></el-input>
              </td>
            </tr>
            <tr>
              <td class="label">是否闭库</td>
              <td
                class="value"
                colspan="2"
                style="text-align: left; padding-left: 20px"
              >
                <el-switch
                  v-if="type != 'detail'"
                  v-model="form.ifClose"
                  active-text="是"
                  inactive-text="否"
                >
                </el-switch>
                <span v-else>{{ form.ifClose ? "是" : "否" }}</span>
              </td>
              <td class="label">闭库时间</td>
              <td class="value" colspan="2">
                <el-date-picker
                  value-format="yyyy-MM-dd hh:mm:ss"
                  v-model="form.time"
                  type="date"
                  :readonly="type == 'detail'"
                  placeholder="选择日期"
                >
                </el-date-picker>
              </td>
            </tr>
            <tr>
              <td class="label">闭库设计单位</td>
              <td class="value" colspan="2">
                <el-input
                  :readonly="type == 'detail'"
                  v-model="form.designUnit"
                ></el-input>
              </td>
              <td class="label">资质等级</td>
              <td class="value" colspan="2">
                <el-input
                  :readonly="type == 'detail'"
                  v-model="form.designUnitGrade"
                ></el-input>
              </td>
            </tr>
            <tr>
              <td class="label">闭库施工单位</td>
              <td class="value" colspan="2">
                <el-input
                  :readonly="type == 'detail'"
                  v-model="form.constructionUnit"
                ></el-input>
              </td>
              <td class="label">资质等级</td>
              <td class="value" colspan="2">
                <el-input
                  :readonly="type == 'detail'"
                  v-model="form.constructionUnitGrade"
                ></el-input>
              </td>
            </tr>
            <tr>
              <td class="label">闭库验收单位</td>
              <td class="value" colspan="5">
                <el-input
                  :readonly="type == 'detail'"
                  v-model="form.acceptanceUnit"
                ></el-input>
              </td>
            </tr>
            <tr>
              <td class="label">包库领导</td>
              <td class="value" colspan="2">
                <el-input
                  :readonly="type == 'detail'"
                  v-model="form.leader"
                ></el-input>
              </td>
              <td class="label">单位及职务</td>
              <td class="value" colspan="2">
                <el-input
                  :readonly="type == 'detail'"
                  v-model="form.position"
                ></el-input>
              </td>
            </tr>
            <tr>
              <td class="label">填 表 人：</td>
              <td class="value">
                <el-input
                  :readonly="type == 'detail'"
                  v-model="form.filledBy"
                ></el-input>
              </td>
              <td class="label">联系电话：</td>
              <td class="value">
                <el-input
                  :readonly="type == 'detail'"
                  v-model="form.telephone"
                ></el-input>
              </td>
              <td class="label">填表时间：</td>
              <td class="value">
                <el-date-picker
                  value-format="yyyy-MM-dd hh:mm:ss"
                  v-model="form.filledTime"
                  type="date"
                  :readonly="type == 'detail'"
                  placeholder="选择日期"
                >
                </el-date-picker>
              </td>
            </tr>
          </tbody>
        </table>
      </el-form>
      <div slot="footer" class="dialog-footer" v-show="type != 'detail'">
        <el-button
          type="primary"
          size="small"
          style="width: 108px"
          @click="submitHandler"
          >保 存</el-button
        >
        <el-button @click="cancel" size="small" style="width: 108px"
          >取 消</el-button
        >
      </div>
    </el-dialog>
  </div>
</template>

<script>
import { addWeiKuang, updateWeiKuang } from "@/api/data/houtai";

export default {
  name: "FireDialoag",
  props: {
    dialogTitle: {
      type: String,
    },
    serviceRefresh: { type: Function, default: () => {} },
  },

  data() {
    return {
      rules: {
        name: [
          { required: true, message: "请输入尾矿库名称", trigger: "blur" },
        ],
        status: [{ required: true, message: "请选择状态", trigger: "blur" }],
        type: [
          { required: true, message: "请选择尾矿库类型", trigger: "blur" },
        ],
      },
      form: {
        id: undefined,
        acceptanceUnit: "",
        address: "",
        approvalTime: "",
        approvalUnit: "",
        constructionQualification: "",
        constructionUnit: "",
        constructionUnitGrade: "",
        controlQualification: "",
        designBeachLength: undefined,
        designCapacity: undefined,
        designGrade: "",
        designHeight: undefined,
        designSlope: "",
        designUnit: "",
        designUnitGrade: "",
        detailId: undefined,
        dischargeType: "",
        emergencyPlan: "",
        enterpriseName: "",
        filingNumber: "",
        filledBy: "",
        filledTime: "",
        id: undefined,
        ifClose: false,
        industry: "",
        initialHeight: undefined,
        initialType: "",
        latitude: undefined,
        leader: "",
        license: "",
        licenseDate: "",
        longitude: undefined,
        method: "",
        name: "",
        nowBeachLength: undefined,
        nowCapacity: undefined,
        nowHeight: undefined,
        nowSlope: "",
        phone: "",
        position: "",
        qualificationGrade: "",
        representative: "",
        safetyApproveUnit: "",
        safetyFacilities: "",
        safetyUnit: "",
        serviceYear: undefined,
        situation: "",
        status: "",
        tailingspondSafety: "",
        telephone: "",
        time: "",
        type: "",
        unitId: undefined,
        useDate: "",
      },
      open: false,
      type: "",
      //状态1建设2在用3 闭库
      status: [
        { id: 1, value: "建设" },
        { id: 2, value: "在用" },
        { id: 3, value: "闭库" },
      ],
      //尾矿库类型 1 山谷型 2 傍山型 3 平地型 4截河型
      types: [
        { id: 1, value: "山谷型" },
        { id: 2, value: "傍山型" },
        { id: 3, value: "平地型" },
        { id: 4, value: "截河型" },
      ],
    };
  },
  methods: {
    resetData() {
      this.form = {
        acceptanceUnit: "",
        address: "",
        approvalTime: "",
        approvalUnit: "",
        constructionQualification: "",
        constructionUnit: "",
        constructionUnitGrade: "",
        controlQualification: "",
        designBeachLength: undefined,
        designCapacity: undefined,
        designGrade: "",
        designHeight: undefined,
        designSlope: "",
        designUnit: "",
        designUnitGrade: "",
        detailId: undefined,
        dischargeType: "",
        emergencyPlan: "",
        enterpriseName: "",
        filingNumber: "",
        filledBy: "",
        filledTime: "",
        id: undefined,
        ifClose: false,
        industry: "",
        initialHeight: undefined,
        initialType: "",
        latitude: undefined,
        leader: "",
        license: "",
        licenseDate: "",
        longitude: undefined,
        method: "",
        name: "",
        nowBeachLength: undefined,
        nowCapacity: undefined,
        nowHeight: undefined,
        nowSlope: "",
        phone: "",
        position: "",
        qualificationGrade: "",
        representative: "",
        safetyApproveUnit: "",
        safetyFacilities: "",
        safetyUnit: "",
        serviceYear: undefined,
        situation: "",
        status: "",
        tailingspondSafety: "",
        telephone: "",
        time: "",
        type: "",
        unitId: undefined,
        useDate: "",
      };
      this.type = "";
    },
    openDialog(type, row) {
      this.resetData();
      this.open = true;
      this.type = type;
      if (this.type != "create") {
        this.form = Object.assign({}, row);
        this.form.ifClose = this.form.ifClose == 1 ? true : false;
        // if (row.latitude || row.longitude) {
        //   this.form.latitudeAndLongitude = row.longitude + "," + row.latitude;
        // }
      }
    },
    closeDialog() {
      this.open = false;
      this.resetData();
    },

    valadateData() {
      if (this.form.designHeight && isNaN(Number(this.form.designHeight))) {
        this.$modal.msgError("设计总坝高(m)必须为数字");
        return false;
      }

      if (this.form.designCapacity && isNaN(Number(this.form.designCapacity))) {
        this.$modal.msgError("设计总库容(m3)必须为数字");
        return false;
      }
      if (this.form.nowCapacity && isNaN(Number(this.form.nowCapacity))) {
        this.$modal.msgError("现状库容必须为数字");
        return false;
      }

      if (this.form.recoverable && isNaN(Number(this.form.recoverable))) {
        this.$modal.msgError("剩余可采储量必须为数字");
        return false;
      }
      if (this.form.serviceLife && isNaN(Number(this.form.serviceLife))) {
        this.$modal.msgError("剩余服务年限必须为数字");
        return false;
      }
      if (this.form.seamsNumber && isNaN(Number(this.form.seamsNumber))) {
        this.$modal.msgError("可采煤层数量必须为数字");
        return false;
      }
      if (this.form.wellboreNumber && isNaN(Number(this.form.wellboreNumber))) {
        this.$modal.msgError("井筒数量必须为数字");
        return false;
      }
      if (this.form.elevationLevel && isNaN(Number(this.form.elevationLevel))) {
        this.$modal.msgError("开采水平标高必须为数字");
        return false;
      }

      if (this.form.limitedLevel && isNaN(Number(this.form.limitedLevel))) {
        this.$modal.msgError("限采水平标高必须为数字");
        return false;
      }
      if (this.form.facesNumber && isNaN(Number(this.form.facesNumber))) {
        this.$modal.msgError("回采面数量（个）必须为数字");
        return false;
      }
      if (
        this.form.employeesNumber &&
        isNaN(Number(this.form.employeesNumber))
      ) {
        this.$modal.msgError("煤矿现有职工数量必须为数字");
        return false;
      }
      if (
        this.form.administrativeNumber &&
        isNaN(Number(this.form.administrativeNumber))
      ) {
        this.$modal.msgError("管理人员数量必须为数字");
        return false;
      }
      if (
        this.form.engineeringNumber &&
        isNaN(Number(this.form.engineeringNumber))
      ) {
        this.$modal.msgError("工程技术人员数量必须为数字");
        return false;
      }
      if (this.form.specialNumber && isNaN(Number(this.form.specialNumber))) {
        this.$modal.msgError("特种作业人员数量必须为数字");
        return false;
      }
      if (
        this.form.employeesNumber &&
        isNaN(Number(this.form.undergroundNumber))
      ) {
        this.$modal.msgError("井下定员数量必须为数字");
        return false;
      }

      return true;
    },
    //弹框提交处理
    submitHandler() {
      if (this.form.latitudeAndLongitude) {
        const arr = this.form.latitudeAndLongitude.split("；");
        if (arr.length == 2) {
          this.form.longitude = Number(arr[0]);
          this.form.latitude = Number(arr[1]);
        }
      }
      this.form.ifClose = this.form.ifClose ? 1 : 0;
      const that = this;
      this.$refs["jgForm"].validate((valid) => {
        if (valid) {
          if (that.valadateData()) {
            if (that.type === "edit") {
              // 编辑
              updateWeiKuang(that.form).then(() => {
                //刷新列表
                that.serviceRefresh();
                //关闭弹框
                that.closeDialog();
                that.$modal.msgSuccess("修改成功");
              });
            } else if (that.type === "create") {
              //创建
              addWeiKuang(that.form).then(() => {
                //刷新列表
                that.serviceRefresh();
                //关闭弹框
                that.closeDialog();
                that.$modal.msgSuccess("新增成功");
              });
            }
          }
        }
      });
    },
    // 取消按钮
    cancel() {
      this.open = false;
    },
  },
};
</script>
<style lang="scss" scoped>
table {
  width: 100%;
  // border: 1px solid;
  margin-top: -62px;
  border-collapse: collapse;
  .title {
    font-size: 30px;
    margin: 20px;
  }
  th {
    width: 120px;
    height: 35px;
    text-align: center;
    font-size: 15px;
    border: 1px solid;
  }
  td {
    width: 120px;
    height: 35px;
    text-align: center;
    font-size: 15px;
    border: 1px solid;
  }
  .label {
    font-family: "AlibabaPuHuiTi-2-85-Bold";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 1px;
  }
  .value {
    font-family: "AlibabaPuHuiTi-2-55-Regular";
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 1px;
  }
  .elInput {
    position: absolute;
    left: 15px;
    top: 0;
    width: 98%;
  }
  .th_label,
  .td_label {
    position: absolute;
    left: 1px;
    width: 783px;
    top: -1px;
    height: 37px;
    border-bottom: 0px;
    border-left: 0;
  }
  .select {
    width: 767px;
    position: absolute;
    top: 0;
    left: 14px;
  }
  .detail_lable {
    text-align: left;
    margin-left: 27px;
  }
}

.dialog-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 66px;
  background: #e5e5e5;
  left: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 200px;
  z-index: 8;
}
::v-deep .el-dialog:not(.is-fullscreen) {
  margin-top: 80px !important;
  z-index: 1000007 !important;
}

::v-deep .el-form-item {
  margin-bottom: 0;
  border-left: 1px solid;
  // border-top: 1px solid;
  border-right: 1px solid;
  ::v-deep .el-form-item__content {
    margin-left: 110px;
  }

  ::v-deep .el-input__inner {
    height: 34px;
    line-height: 34px;
  }
}
::v-deep .el-form-item__label {
  border-bottom: 0px;
  font-family: "AlibabaPuHuiTi-2-85-Bold";
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 1px;
  text-align: center;
}
::v-deep .el-form-item__error {
  color: #ff4949;
  font-size: 14px;
  position: absolute;
  top: 100%;
  left: 20px;
  width: 160px;
  z-index: 1;
  display: none;
}
</style>
